@import _variables.sass
@import "compass/css3"
@import 'compass/css3/text-shadow'
@import "compass/css3/transition"


// Auto clear
@mixin autoclear
  &:after
    content: "."
    display: block
    height: 0
    clear: both
    visibility: hidden

@mixin clearbefore
  &:before
    content: "."
    display: block
    height: 0
    clear: both
    visibility: hidden

@mixin sprites($background-position: 0 100%, $indent: -9999px, $bg-color: transparent)
  background: url("../images/sprites.png") no-repeat scroll $background-position $bg-color
  text-indent: $indent
  border: medium none
  outline: 0

@mixin sprites_x($background-position: 0 100%, $bg-color: transparent)
  background: url("../images/sprites-x.png") no-repeat scroll $background-position $bg-color

@mixin h2_title
  background: url("../images/h2_title.png") no-repeat transparent

@mixin inlineblock
  zoom: 1
  *display: inline
  display: inline-block

@mixin font_time_xxx($size: 21px, $weight: bold)
  font-size: $size
  font-family: "Times New Roman"
  font-weight: $weight

@mixin font_myriad($size: 21px, $weight: normal)
  font-size: $size
  font-family: "MyriadPro-Regular"
  font-weight: $weight

@mixin font_myriad_bold($size: 21px, $weight: bold)
  font-size: $size
  font-family: "MyriadPro-Bold"
  font-weight: $weight

@mixin font_myriad_black($size: 21px, $weight: normal)
  font-size: $size
  font-family: "MyriadPro-Black"
  font-weight: $weight

@mixin font_myriad_cond($size: 19px, $weight: normal)
  font-size: $size
  font-family: "MyriadPro-Cond"
  font-weight: $weight

@mixin font_myriad_boldcond($size: 19px, $weight: bold)
  font-size: $size
  font-family: "MyriadPro-BoldCond"
  font-weight: $weight

// Rounded corners mixin.
@mixin rounded_corners($top: 10px, $right: $top, $bottom: $top, $left: $right, $ie_position: relative, $behavior: url("/sites/all/themes/luckyfind/pie/PIE.htc"))
  border-radius: $top $right $bottom $left
  -moz-border-radius: $top $right $bottom $left
  -webkit-border-top-left-radius: $top
  -webkit-border-top-right-radius: $right
  -webkit-border-bottom-right-radius: $bottom
  -webkit-border-bottom-left-radius: $left
  behavior: $behavior
  position: $ie_position

@mixin linear_gradient($start, $end, $ie_position: relative, $behavior: url("/sites/all/themes/luckyfind/pie/PIE.htc"))
  background: $end
  background: -webkit-gradient(linear, 0 0, 0 bottom, from($start), to($end))
  background: -webkit-linear-gradient($start, $end)
  background: -moz-linear-gradient($start, $end)
  background: -ms-linear-gradient($start, $end)
  background: -o-linear-gradient($start, $end)
  background: linear-gradient($start, $end)
  -pie-background: linear-gradient($start, $end)
  behavior: $behavior
  position: $ie_position

@mixin linear_gradient_3point($start, $end, $from, $ie_position: relative, $behavior: url("/sites/all/themes/luckyfind/pie/PIE.htc"))
  background: $end
  background: -webkit-gradient(linear, 0 0, 0 bottom, from($start), to($end))
  background: -webkit-linear-gradient($from, $start, $end)
  background: -moz-linear-gradient($from, $start, $end)
  background: -ms-linear-gradient($from, $start, $end)
  background: -o-linear-gradient($from, $start, $end)
  background: linear-gradient($from, $start, $end)
  -pie-background: linear-gradient($from, $start, $end, $end)
  behavior: $behavior
  position: $ie_position

@mixin linear_gradient_reflected($start, $end, $orientation, $ie_position: relative, $behavior: url("/sites/all/themes/luckyfind/pie/PIE.htc"))
  background: $end
  background-image: -webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, $start), color-stop(50%, $end), color-stop(100%, $start))
  background-image: -webkit-linear-gradient($orientation, $start 0%, $end 50%, $start 100%)
  background-image: -moz-linear-gradient($orientation, $start 0%, $end 50%, $start 100%)
  background: -ms-linear-gradient($orientation, $start 0%, $end 50%, $start 100%)
  background-image: -o-linear-gradient($orientation, $start 0%, $end 50%, $start 100%)
  background-image: linear-gradient($orientation, $start 0%, $end 50%, $start 100%)
  -pie-background: linear-gradient($orientation, $start 0%, $end 50%, $start 100%)
  behavior: $behavior
  position: $ie_position
@mixin linear_gradient_gloss($start: #ffffff, $to_center: #f1f1f1, $from_center: #e1e1e1, $end: #f6f6f6, $orientation: vertical, $position: top)
  // needs latest Compass, add '@import "compass"' to your scss
  background-color: #ffffff // Old browsers
  @include filter-gradient($start, $end, $orientation) // IE6-9
  @include background-image(linear-gradient($position,  $start 0%, $to_center 50%, $from_center 51%, $end 100%))


@mixin font_face_include($fullname: 'MyriadPro-Regular', $machine: myriadpro-regular, $fontweight: normal)
  font-family: $fullname
  src: url("../fonts/#{$machine}.eot")
  src: url("../fonts/#{$machine}.eot?#iefix") format("embedded-opentype"), url("../fonts/#{$machine}.woff") format("woff"), url("../fonts/#{$machine}.ttf") format("truetype"), url("../fonts/#{$machine}.svg##{$machine}") format("svg")
  font-weight: normal
  font-style: $fontweight


@mixin view_accordion_clear()
  > .view-content
    .views-row
      > .views-field
        background: transparent
        border: medium none
        &.ui-state-active
          display: none
        > .ui-icon
          display: none
      > .ui-accordion-content
        border: medium none

@mixin view_accordion_clear_not_view()
  .ui-accordion
    .ui-accordion-header
      background: transparent
      border: medium none
      .ui-icon
        display: none
    .ui-accordion-content
      border: medium none
      background: transparent

@mixin text-shadow-pie($shadow-1, $shadow-2: $shadow-1, $shadow-3: $shadow-1, $shadow-4: $shadow-1, $shadow-5: $shadow-1, $shadow-6: $shadow-1, $shadow-7: $shadow-1, $shadow-8: $shadow-1, $shadow-9: $shadow-1, $shadow-10: $shadow-1)
  +text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
  behavior: url("/sites/all/themes/luckyfind/pie/ie-css3.htc")
@mixin big-blue-title ($font-size: 60px)
  color: #82CAFC
  text-transform: uppercase
  font-size: $font-size
  font-weight: normal
  font-family: 'Gudea', sans-serif
@mixin blue-background-button($color: #CCCCCC)
  +linear_gradient_3point(#69B4EB, #4996E6, top center, none)
  +box-shadow(#212C42 -3px 2px 5px)
  +rounded_corners(10px, 10px, 10px, 10px, none)
  +text-shadow(0px 0px 5px #000)
  color: $color
@mixin default-background-button($color: #FFFFFF)
  outline: medium none
  border: none
  vertical-align: baseline
  text-align: center
  text-decoration: none
  font-family: "Questrial", sans-serif
  font-size: 20px
  cursor: pointer
  +transition(all, 0.2s, linear 0s)
  color: $color
  background-color: #22a255
  &:hover
    background-color: #038ca9
@mixin form-item-input($color: #9E9E9E, $font-size: 12px)
  background-color: #FCFAFA
  border: 1px solid #DFDEDE
  padding: 12px 5px
  color: $color
  font-size: $font-size
  outline: none
  &:focus
    +box-shadow(inset 2px 2px 2px 0 rgba(0, 0, 0, 0.1))
    +transition(all .25s linear)
    border-color: #b4b4b4
    background-color: #fdfdfd
@mixin form-item-label()
  font-family: "Questrial",sans-serif
  font-size: 20px
  font-weight: normal

